<template>
  <div>

    <el-container>
      <el-main style="overflow-y: hidden">
        <dragshowtreegraph></dragshowtreegraph>
      </el-main>

      <el-aside width="270px" class="nav">
        <treenavigator></treenavigator>
      </el-aside>
    </el-container>
  </div>
</template>
<script>
import TreeNavigator from '../../components/rightbar/navigator/treegraph/TreeNavigator'
import DragShowTreeGraph from '../../components/DragAndShowChart/DragShowTreeGraph'
export default {
  components: {
    treenavigator: TreeNavigator,
    dragshowtreegraph: DragShowTreeGraph
  }
}
</script>

<style lang="scss" scoped>

  .el-aside {
    background-color: #3f3ce6;
    color: #333;
    height: 650px;
  }

  .el-main {
    background-color: #e6e3e3;
    color: #333;
    width: 1050px;
    height: 650px;
  }
  .nav {
    background-color: #E6E3E3;
    border-left:1px solid #c6c5ca;
    padding-left: 3px
  }
</style>
